<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地区设置</title>
    <link rel="stylesheet" href="../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../lib/bootstrap-table-dist/dist/css/bootstrap-table.min.css" />
    <link rel="stylesheet" href="../../../lib/zui/zui.js">
    <link rel="stylesheet" href="../../../lib/datetimepicker/css/datetimepicker.min.css">
    <link rel="stylesheet" href="areaType.css">
</head>
<body>
<div id="basicData">
    <!-- 面包屑 -->
    <ol class="breadcrumb">
        <i class="icon icon-th-list"></i>
        <li><a href="#">基本数据管理</a></li>
        <li><a href="#">地区设置</a></li>
    </ol>

    <!-- 新增 -->
    <div class="new-area row">
        <div class="new col-sm-1">
            <input class="btn new-project" onclick='newClick()' type="button" value="新增">
        </div>
        <div class="area-rank col-sm-2">
            <p>地区级别</p>
            <select class="form-control">
                <option value="">全部</option>
                <option value="apple">一级地区</option>
                <option value="banana">二级地区</option>
                <option value="orange">三级地区</option>
            </select>
        </div>
        <div class="area-name col-sm-5">
            <p>地区名称</p>
            <input class="form-control" id="areaName" type="text" placeholder="请输入地区名称">
            <input  class="btn btn-primary" id="inquiry" type="button" value="查询">
        </div>
    </div>
    <!-- 表格 -->
    <table id="qhTable_project" class="table table-striped table-bordered table-striped table-hover"
           data-search="false" data-toolbar="#toolbarDiv"
           data-query-params="myQueryParams"
           data-striped="true"
           data-show-refresh="true"
           data-show-toggle="true"
           data-show-columns="true"
           data-show-export="true"
           data-minimum-count-columns="2"
           data-show-pagination-switch="true"
           data-id-field="id"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-side-pagination="server"
           data-response-handler="responseHandler"
           data-show-footer="true"
           data-pagination="true"
           data-page-number="1"
    >
        <thead>
        <th data-field="id" data-align='center'
            data-valign="middle">序号
        </th>
        <th data-field="area-name" data-align='center'
            data-valign="middle" data-sortable="false">地区名称
        </th>
        <th data-field="area-rank" data-align='center'
            data-valign="middle">地区级别
        </th>
        <th data-field="superior-area" data-align='center'
            data-valign="middle">上级地区
        </th>
        <th data-field="move" data-align='center'
            data-valign="middle">移动
        </th>
        <th data-field="handle" data-align='center'
            data-valign="middle" data-sortable="false" data-formatter="totalFormatter">操作
        </th>
        <th data-field="see" data-align='center'
            data-valign="middle">查看
        </th>
        </thead>
    </table>
</div>
</body>
<script type="text/javascript" src="../../../lib/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../../../lib/zui/zui.js"></script>
<script src="../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="//cdn.bootcss.com/layer/2.4/layer.min.js"></script>
<script src="areaType.js"></script>
</html>